<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>商城网站</title>
  <link rel="shortcut icon" href="./res/images/logo.png" type="image/png">
  <link rel="stylesheet/less" href="./style/reset.less">
  <link rel="stylesheet/less" href="./style/app.less">
  <link rel="stylesheet/less" href="./style/login.less">
  <link rel="stylesheet/less" href="./style/cart.less">
  <script src="node_modules/less/dist/less.js"></script>
</head>

<body>
  <header>
    <div class="top-nav">
      <div class="container clearfix">
        <ul class="left-nav left">
          <li><a href="index.html">您好！欢迎来到菜市场</a></li>
          <li class="login" data-type="login"><a href="" data-type="login">请登录</a></li>
          <li class="register" data-type="register"><a href="" data-type="register">免费注册</a></li>
        </ul>
        <ul class="right-nav right">
          <li><a href="" class="shop">购物车</a></li>
          <li><a href="">服务热线：<span>8004001234</span></a></li>
        </ul>
      </div>
    </div>
    <!-- 头部搜索部分 -->
      <div class="top-search-container">
      <div class="container clearfix">
        <a href="index.html" class="left-icon left">
          <img src="res/images/logo.png" class="logo" alt="logo" />
        </a>
        <div class="search left">
          <input type="search">
          <button class="btnsearch">搜索</button>
        </div>
      </div>
    </div>
      <nav class="top_sub_nav_container"></nav>
      <nav class="top_banner_container"></nav>
  </header>
  <main></main>
  <footer></footer>
</body>
<script src="./node_modules/jquery/dist/jquery.js"></script>
<script src="./node_modules/less/dist/less.js"></script>
<script src="js/login.js"></script>
<script src="js/shop.js"></script>
<script src="js/app.js"></script>

</html>